<template>
	<view class="container container_create">
		<form @submit="formSubmit">
			<!-- start  设置时间段 -->
			<view class="createlist">
				<view class="create_title">设置时间段：</view>
				<view class="createtime">
					<view class="row">
						<text>第一场：</text>
						<view class="createtime_input row">
							<picker mode="date" :value="firstdate" :start="currentDataTaim" @change="firstBindDateChange">
								<view class="uni-input">{{firstdate}}</view>
							</picker>
							<text></text>
							<picker mode="time" :value="firststarttime" @change="bindfirstStartTimeChange">
								<view class="uni-input">{{firststarttime}}</view>
							</picker>
							<text></text>
							<picker mode="time" :value="fristendtime" :start="txttime" @change="bindfirstEndTimeChange">
								<view class="uni-input">{{fristendtime}}</view>
							</picker>
						</view>
					</view>
					<view class="row">
						<text>第二场：</text>
						<view class="createtime_input row">
							<picker mode="date" :value="seconddate" :start="seconddate" @change="secondBindDateChange">
								<view class="uni-input">{{seconddate}}</view>
							</picker>
							<text></text>
							<picker mode="time" :value="secondstarttime" :start="fristendtime" @change="bindscondStartTimeChange">
								<view class="uni-input" v-if="secondstate==0">请选择时间</view>
								<view class="uni-input" v-else>{{secondstarttime}}</view>
							</picker>
							<text></text>
							<picker mode="time" :value="time" :start="txtsecondtime" end="21:01" @change="bindscondEndTimeChange">
								<view class="uni-input">{{secondendtime}}</view>
							</picker>
						</view>
					</view>
				</view>
				<view class="createcareful row">
					<text class="createcareful_title">注意：</text>
					<view>
						<text>1.为了保证活动的有效性，强烈建议每日活动限制在半小时之内。</text>
						<text>2.一天不超过两次的活动红包。</text>
					</view>
				</view>
				<view class="createday row">
					持续天数：<input type="number" value="" :disabled="firstdate=='请选择日期'?true:false" @input="inputDayTap" name="last_days"></input>
					天，{{days}}结束。

				</view>
				<view class="createbeizhu">注意：以时间段设置的开始日期为准 设置持续活动天数。</view>
			</view>
			<!-- end -->

			<!-- start  领取成功有效期 -->
			<view class="createlist">
				<view class="createday row marginnot">
					领取成功有效期：<input type="number" placeholder="点击输入" name="end_day"></input> 天
				</view>
				<view class="createbeizhu">注意：用户使用有效期</view>
			</view>
			<!-- end -->
			<!-- start  选择发放红包： -->
			<view class="createlist">
				<view class="create_title">选择发放红包：</view>
				<view class="createchoice row">
					<view v-for="(item,index) in listred" :key="index" @click="oncheckedTap(index)">
						<radio value="r1" :checked="item.checked" />
						{{item.name}}
					</view>
				</view>
				<view class="create_money_content">
					<view class="createmoney row" v-if="checkedindex1">
						<input type="number" placeholder="输入现金红包个数" name="red_bags_num" />
						<view class="createinputhover">
							<input type="number" placeholder="输入现金红包总金额" name="red_bags_money" @input="onRedMoneyTap" />
						</view>
					</view>
					<view class="createmoney row" v-if="checkedindex2">
						<input type="number" placeholder="输入优惠券个数" name="coupon_num" />
						<view class="createmoney_mj">
							<text>满</text>
							<input type="number" placeholder="点击输入" name="need_money" />
							<text>减</text>
							<input type="number" placeholder="点击输入" name="money" />
						</view>
					</view>
					<view class="createmoney row" v-if="checkedindex3">
						<input type="number" placeholder="输入独家红包个数" name="sole_red_bags_num" />
						<view class="createinputhover">
							<input type="number" placeholder="输入独家红包总金额" name="sole_red_bags_money" />
						</view>
					</view>
				</view>
				<view class="createbeizhu">注意：该模块设置发放数量和总额都是一天的量哦~</view>
			</view>
			<!-- end -->
			<!-- start  抢到原则： -->
			<view class="createlist createlist_padding">
				<view class="createprinciple_content row">
					<text>抢到原则：</text>
					<radio-group @change="radioChange" class="createchoice1 row">
						<label class="uni-list-cell uni-list-cell-pd row" v-for="(item, index) in array" :key="item.name">
							<radio :value="index" :checked="index === current" />
							<view>{{item.name}}</view>
						</label>
					</radio-group>

					<!-- <view class="createprinciple">
						<picker @change="bindPickerChange" :value="pickerindex" :range="array" range-key="name">
							<view class="uni-input" v-if="pickerindex=='-1'">请选择</view>
							<view class="uni-input" v-else>{{array[pickerindex].name}}</view>
						</picker>
						<image src="/static/imgs/icon.png"></image>
					</view> -->
				</view>

				<view class="createsection_content row" v-if="pickerindex==1">
					<text class="createsection_content_text">消费额抢到红包区间：</text>
					<view class="createsection row">
						<input type="number" placeholder="点击输入" @input="NumRedfirstTap" />
						<text></text>
						<input type="number" placeholder="点击输入" @input="NumRedsecondTap" />
					</view>
				</view>
				<view class="createbeizhu" v-if="pickerindex==1">注意：该区间有{{num}}人可抢红包</view>
			</view>
			<!-- end -->
			<button form-type="submit" class="createbutton" v-if="checkedindex1==true">确认支付（￥{{allprice}}）</button>
			<button form-type="submit" class="createbutton" v-else>确认添加</button>
		</form>
	</view>
</template>

<script>
	var app = getApp();
	import http from "@/common/js/request.js"
	export default {
		data() {
			const currentDate = this.getDate({
				format: true
			})
			return {
				currentDataTaim: currentDate,
				firstdate: "请选择日期",
				firststarttime: '请选择时间',
				fristendtime: "请选择时间",
				seconddate: "请选择日期",
				secondstarttime: '请选择时间',
				secondendtime: "请选择时间",
				array: [{
						id: 1,
						name: "随机原则"
					},
					{
						id: 2,
						name: "按金额"
					}
				],
				index: 0,
				txttime: "", //第一场   获取开始时间加30分钟,
				secondstate: 0, //判断第二场状态
				days: "*年*月*日", //维持结算天数
				listred: [{
					id: 1,
					name: "现金红包",
					checked: false
				}, {
					id: 2,
					name: "优惠卷",
					checked: false
				}, {
					id: 3,
					name: "独家红包",
					checked: false
				}],
				checkedindex1: false,
				checkedindex2: false,
				checkedindex3: false,
				pickerindex: -1,
				//红包区间
				minprice: "",
				maxprice: "",
				num: 0, //区间人数 
				dayNumber: "", //持续天数
				allprice: 0,
				changciNum: 0,
				setRedMoney: "", //和输入红包的钱
			}
		},
		// computed: {
		//       startDate() {
		//           return this.getDate('start');
		//       },
		//       endDate() {
		//           return this.getDate('end');
		//       }
		//   },
		onLoad() {
			var that = this;

			console.log(that.listred)

		},
		methods: {
		
			onRedMoneyTap(e) {
				//和输入红包的钱
				this.setRedMoney = e.detail.value
				this.allprice = e.detail.value * this.dayNumber * this.changciNum
				console.log(e.detail.value * this.dayNumber * this.changciNum)
			},
			//却认支付
			formSubmit(e) {
				console.log(e)
				var that = this;
				//console.log(this.firstdate,this.firststarttime)
				if (this.firstdate == "请选择日期" || this.firststarttime == "请选择时间" || this.fristendtime == "请选择时间") {
					uni.showToast({
						title: "请选择第一场开始时间和结束时间",
						icon: "none"
					})
					return false
				}
				if (this.seconddate == "请选择日期" || this.secondstarttime == "请选择时间" || this.secondendtime == "请选择时间") {
					var seconddate = "";
					var secondstarttime = "";
					var secondendtime = "";
					// uni.showToast({
					// 	title: "请选择第二场开始时间和结束时间",
					// 	icon: "none"
					// })
					// return false
				} else {
					var seconddate = this.seconddate;
					var secondstarttime = this.secondstarttime;
					var secondendtime = this.secondendtime;
				}
				console.log(e.detail.value.last_days);
				if (e.detail.value.last_days.length <= 0) {
					uni.showToast({
						title: "请输入持续天数",
						icon: "none"
					})
					return false
				}
				if (e.detail.value.end_day.length <= 0) {
					uni.showToast({
						title: "领取成功有效期",
						icon: "none"
					})
					return false
				}
				console.log()
				var redpost = [];
				for (var i in that.listred) {
					if (that.listred[i].checked == true) {
						redpost.push(that.listred[i].id)
					}
				}
				// console.log(redpost.join(","))
				if (redpost.join(",").length <= 0) {
					uni.showToast({
						title: "请选择发放红包类型",
						icon: "none"
					})
					return false
				}
				var red_bags_num = e.detail.value.red_bags_num == undefined ? "" : e.detail.value.red_bags_num;
				var red_bags_money = e.detail.value.red_bags_money == undefined ? "" : e.detail.value.red_bags_money;
				var coupon_num = e.detail.value.coupon_num == undefined ? "" : e.detail.value.coupon_num;
				var need_money = e.detail.value.need_money == undefined ? "" : e.detail.value.need_money;
				var money = e.detail.value.money == undefined ? "" : e.detail.value.money;
				var sole_red_bags_money = e.detail.value.sole_red_bags_money == undefined ? "" : e.detail.value.sole_red_bags_money;
				var sole_red_bags_num = e.detail.value.sole_red_bags_num == undefined ? "" : e.detail.value.sole_red_bags_num;
				if (that.checkedindex1 == true) {
					if (e.detail.value.red_bags_money.length <= 0 || e.detail.value.red_bags_num.length <= 0) {
						uni.showToast({
							title: "请输入红包个数和红包总金额",
							icon: "none"
						})
						return false
					}

				}
				if (that.checkedindex2 == true) {
					if (e.detail.value.coupon_num.length <= 0 || e.detail.value.money.length <= 0 || e.detail.value.need_money.length <=
						0) {
						uni.showToast({
							title: "请输入优惠券个数和优惠券满多少减多少",
							icon: "none"
						})
						return false
					}



				}
				if (that.checkedindex3 == true) {
					if (e.detail.value.sole_red_bags_money.length <= 0 || e.detail.value.sole_red_bags_money.length <= 0) {
						uni.showToast({
							title: "请输入独家红包个数和独家红包总金额",
							icon: "none"
						})
						return false
					}

				}
				// console.log(that.pickerindex)
				if (that.pickerindex == -1) {
					uni.showToast({
						title: "请选择抢到原则",
						icon: "none"
					})
					return false
				}
				//console.log()

				if (that.array[that.pickerindex].id == 2) {
					if (that.minprice.length <= 0) {
						uni.showToast({
							title: "请输入价格区间开始 ",
							icon: "none"
						})
						return false
					}

					if (that.maxprice.length <= 0) {
						uni.showToast({
							title: "请输入价格区间结束 ",
							icon: "none"
						})
						return false
					}
				}
				uni.showLoading()
				http.post("api/store/store/Store_couponAdd", {
					first_s_time: this.firstdate.replace(/-/g, "/") + " " + this.firststarttime, //第一场开始时间 
					first_e_time: this.firstdate.replace(/-/g, "/") + " " + this.fristendtime, //第一场结束时间 
					second_s_time: seconddate.replace(/-/g, "/") + " " + secondstarttime, //第二场开始时间 
					second_e_time: seconddate.replace(/-/g, "/") + " " + secondendtime, //第二场结束时间 
					last_days: e.detail.value.last_days, //	持续天数 
					end_day: e.detail.value.end_day, //领取后几天后失效 
					type: redpost.join(","), //现金红包 2=优惠券 3=独家红包 （选择多个的情况下1,2||1,2,3
					sole_red_bags_num: sole_red_bags_num, //店铺红包数量 
					red_bags_num: red_bags_num, //红包数量 
					red_bags_money: red_bags_money,
					sole_red_bags_money: sole_red_bags_money, //店铺红包金额（带着金额则需要支付） 
					coupon_num: coupon_num, //优惠券数量 
					need_money: need_money, //优惠券满n元减 
					money: money, //优惠券满n元减n元 
					get_type: that.array[that.pickerindex].id, //抢到原则 1-随机，2-金额 
					s_money: that.minprice, //价格区间开始 消费额抢到红包区间 
					e_money: that.maxprice //价格区间结束 
				}, function(res) {
					if (res.state == "1") {
						uni.hideLoading();
						if (res.datas.length == 0) {
							console.log("添加成功")
							uni.showToast({
								title: "添加成功",
								icon: "none"
							})
							setTimeout(function() {
								uni.navigateTo({
									url: "../../home/home"
								})
							}, 1000)
						} else {
							console.log("微信支付")
							//微信支付
							uni.requestPayment({
								provider: 'wxpay',
								timeStamp: res.datas.timeStamp,
								nonceStr: res.datas.nonceStr,
								package: res.datas.package,
								signType: res.datas.signType,
								paySign: res.datas.paySign,
								success: function(res) {
									console.log('success:' + JSON.stringify(res));
									uni.showToast({
										title: "支付成功",
										icon: "none"
									})
									setTimeout(function() {
										uni.navigateTo({
											url: "../../home/home"
										})
									}, 1000)
								},
								fail: function(err) {
									console.log('fail:' + JSON.stringify(err));
								}
							});
						}
					} else if (res.state == "-11") {
						uni.hideLoading()
						uni.showModal({
							title: "提示",
							content: res.datas,
							showCancel: false
						})
					} else {
						uni.hideLoading()
						uni.showModal({
							title: "提示",
							content: res.datas,
							showCancel: false
						})
					}
				})
			},
			/**
			 * @param {Object} e  设置时间段  第一场
			 */
			//设置时间段第一场
			firstBindDateChange: function(e) {
				this.firstdate = e.target.value;
				this.changciNum = 1;
				//第一场选择的日期赋值给第二场
				this.seconddate = e.target.value;
			},
			//设置时间第一场的开始时间
			bindfirstStartTimeChange: function(e) {
				var that = this;
				that.firststarttime = e.target.value;

				//获取开始时间加30分钟
				var dateeee = that.firstdate.replace(/-/g, "/");
				var numdate = dateeee + " " + that.firststarttime;

				console.log(numdate, "获取开始时间加30分钟")
				var date = new Date(numdate);
				console.log(date, "xxx")
				date.setMinutes(date.getMinutes() + 30);
				var m = date.getMonth() + 1;
				m = m < 10 ? "0" + m : m;
				console.log(m, "ksldjfklsdjfklsjdfkl")
				var d = date.getDate();
				d = d < 10 ? "0" + d : d;
				var h = date.getHours();
				h = h < 10 ? "0" + h : h;
				var mm = date.getMinutes();
				mm = mm < 10 ? "0" + mm : mm;
				var txt = m + "-" + d + "-" + h + "-" + mm; //年月日时分
				that.txttime = h + ":" + mm;
				that.fristendtime = h + ":" + mm;
				console.log(that.txttime, "开始时间")
				this.secondstarttime = h + ":" + mm;
				this.secondstate = 0;

				// console.log(that.txttime)

			},
			//设置时间第一场的结束时间
			bindfirstEndTimeChange: function(e) {
				this.fristendtime = e.target.value;
				//第一场选择的结束日期赋值给第二场的开始日期
				this.secondstarttime = e.target.value;
				this.secondstate = 0;

			},
			/**
			 * end--------------------------------
			 */

			/**
			 * @param {Object} type    设置时间段  第二场  
			 * 只能选择第一场以后的时间
			 */

			//设置时间段第二场
			secondBindDateChange(e) {
				this.seconddate = e.target.value

			},
			//设置时间第二场的开始时间
			bindscondStartTimeChange(e) {
				var that = this;
				this.secondstarttime = e.target.value;
				this.secondstate = 1;
				this.changciNum = 2;
				this.allprice = this.setRedMoney * this.dayNumber * this.changciNum;
				console.log(this.changciNum, "ksdjflksaj")
				//获取开始时间加30分钟
				var dateeee = that.seconddate.replace(/-/g, "/"); //1-2-3 转成1/2/3
				var numdate = dateeee + " " + that.secondstarttime
				var date = new Date(numdate);
				date.setMinutes(date.getMinutes() + 30);
				var m = date.getMonth() + 1;
				m = m < 10 ? "0" + m : m;
				var d = date.getDate();
				d = d < 10 ? "0" + d : d;
				var h = date.getHours();
				h = h < 10 ? "0" + h : h;
				var mm = date.getMinutes();
				mm = mm < 10 ? "0" + mm : mm;
				var txt = m + "-" + d + "-" + h + "-" + mm; //年月日时分
				that.txtsecondtime = h + ":" + mm;
				that.secondendtime = h + ":" + mm;
			},
			//设置时间第二场的结束时间
			bindscondEndTimeChange(e) {
				this.secondendtime = e.target.value;

			},
			//日期插件必备
			getDate(type) {
				const date = new Date();
				let year = date.getFullYear();
				let month = date.getMonth() + 1;
				let day = date.getDate();

				if (type === 'start') {
					year = year - 60;
				} else if (type === 'end') {
					year = year + 2;
				}
				month = month > 9 ? month : '0' + month;;
				day = day > 9 ? day : '0' + day;
				return `${year}-${month}-${day}`;
			},
			//持续天数，算出结束日期
			inputDayTap(e) {
				var that = this;
				//	console.log(e.detail.value, that.firstdate);
				that.dayNumber = e.detail.value;
				var numdate = that.firstdate;
				var dateeee = that.firstdate.replace(/-/g, "/");
				this.allprice = this.setRedMoney * e.detail.value * this.changciNum;
				//dateTemp 需要参加计算的日期，days要添加的天数，返回新的日期，日期格式：YYYY-MM-DD 
				that.getNewData(dateeee, e.detail.value);
				that.days = that.getNewData(dateeee, e.detail.value)
				//console.log(that.getNewData(that.firstdate,e.detail.value))
			},

			/**需要计算的天使  方法
			 *dateTemp 需要参加计算的日期，days要添加的天数，返回新的日期，日期格式：YYYY-MM-DD 
			 * */
			getNewData(dateTemp, days) {
				var that = this;
				var dateTemp = dateTemp.split("-");
				var nDate = new Date(dateTemp[1] + '-' + dateTemp[2] + '-' + dateTemp[0]); //转换为MM-DD-YYYY格式    
				var millSeconds = Math.abs(nDate) + (days * 24 * 60 * 60 * 1000);
				var rDate = new Date(millSeconds);
				var year = rDate.getFullYear();
				var month = rDate.getMonth() + 1;
				if (month < 10) month = "0" + month;
				var date = rDate.getDate();
				if (date < 10) date = "0" + date;
				return (year + "年" + month + "月" + date + "日");
			},

			//红包切换
			oncheckedTap(index) {
				console.log(index);
				this.listred[index].checked = !this.listred[index].checked;
				this.listred = this.listred;
				if (this.listred[index].id == 1) {
					if (this.listred[index].checked == true) {
						this.checkedindex1 = true
					} else {
						this.checkedindex1 = false
					}
				}
				if (this.listred[index].id == 2) {
					if (this.listred[index].checked == true) {
						this.checkedindex2 = true
					} else {
						this.checkedindex2 = false
					}
				}
				if (this.listred[index].id == 3) {
					if (this.listred[index].checked == true) {
						this.checkedindex3 = true
					} else {
						this.checkedindex3 = false
					}
				}
			},

			//抢到规则
			bindPickerChange(e) {
				console.log(e);
				this.pickerindex = e.detail.value;
			},
			radioChange: function(evt) {
				console.log(evt)
				this.pickerindex = evt.detail.value;
				// for (let i = 0; i < this.items.length; i++) {
				// 	if (this.items[i].value === evt.target.value) {
				// 		this.current = i;
				// 		break;
				// 	}
				// }
			},
			/**
			 * 检测共有多少人可以抢红包
			 * 
			 */
			NumRedfirstTap(e) {
				this.minprice = e.detail.value;
			},
			NumRedsecondTap(e) {
				this.maxprice = e.detail.value;
				this.onSearchNumRedTap();
			},
			onSearchNumRedTap() {
				var that = this;
				http.post("api/store/store/searchNumRed", {
					minprice: that.minprice,
					maxprice: that.maxprice
				}, function(res) {
					if (res.state == 1) {
						that.num = res.datas.num;
					} else {
						uni.showModal({
							title: "提示",
							content: res.datas,
							showCancel: false
						});
					}
				})
			}
			/**
			 * end------------------------------------
			 */
		}
	}
</script>
<style>
	page {
		background: #f9f9f9;
	}

	.container_create {
		background: #f9f9f9;
		position: relative;
		height: 100%;
	}

	.createlist {
		width: 660rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 2rpx 10rpx 1rpx rgba(207, 207, 207, 0.15);
		border-radius: 15rpx;
		margin: 26rpx auto 0;
		padding: 35rpx 20rpx;
	}

	.create_title {
		font-size: 30rpx;
	}

	.createtime>view {
		height: 61rpx;
		margin-top: 34rpx;
	}

	.createtime text {
		font-size: 30rpx;
		color: #333333;
		display: block;
		line-height: 61rpx;
	}

	.createtime .createtime_input {
		height: 61rpx;
		border: 1px solid rgba(164, 164, 164, 1);
		border-radius: 15rpx;
		line-height: 61rpx;
		font-size: 25rpx;
		padding: 0 20rpx;
	}

	.createtime_input text {
		width: 30rpx;
		height: 2rpx;
		background: #333333;
		display: block;
		margin: 32rpx 6rpx 0;
	}

	.createcareful {
		font-size: 26rpx;
		color: #767676;
		overflow: hidden;
		padding: 28rpx 0;
		border-bottom: 1px solid #BDBCBC;
	}

	.createcareful_title {
		width: 160rpx;
		display: block;
	}

	.createcareful>view text {
		display: block;
		line-height: 40rpx;
	}

	.createday {
		font-size: 28rpx;
		line-height: 60rpx;
		margin-top: 28rpx;
	}

	.createday input {
		width: 130rpx;
		height: 60rpx;
		line-height: 60rpx;
		border: 1px solid rgba(164, 164, 164, 1);
		border-radius: 15rpx;
		text-align: center;
		margin-right: 10rpx;
	}

	.createbeizhu {
		color: #767676;
		font-size: 26rpx;
		margin-top: 32rpx;
	}

	.marginnot {
		margin: 0 !important;
	}

	.createchoice {
		margin-top: 40rpx;
		justify-content: space-between;
		padding: 0 23rpx;
	}

	.createchoice1 {
		justify-content: space-between;
		padding: 0 23rpx;
	}

	.createchoice1 view {
		color: #000000;
		font-size: 28rpx;
		
		line-height: 64rpx;
	}
.createchoice1 label{
	margin-left: 20rpx;
}

	.createchoice>view {
		color: #000000;
		font-size: 28rpx;


	}

	.createchoice>view image {
		width: 26rpx;
		height: 26rpx;
		vertical-align: -1rpx;
		display: inline-block;
		margin-right: 10rpx;
	}

	.createmoney {
		margin-top: 28rpx;
	}

	.createmoney>input {
		width: 210rpx;
		height:70rpx;
		border: 1px solid rgba(164, 164, 164, 1);
		border-radius: 15rpx;
		font-size: 26rpx;
		color: #767676;
		padding: 0 10rpx;

	}

	.createmoney>view {
		display: flex;
		flex-direction: row;
		width: 342rpx;
		font-size: 26rpx;
		color: #767676;
		height: 70rpx;
		line-height: 60rpx;
		border: 1px solid rgba(164, 164, 164, 1);
		border-radius: 15rpx;
		padding: 0 10rpx;
		margin-left: 20rpx;

	}

	.create_money_content {
		padding: 0 23rpx;
	}

	.createmoney_mj text {
		font-size: 26rpx;
		color: #333333;
		display: block;
		height: 60rpx;
		line-height: 60rpx;
		margin-left: 20rpx;
	}

	.createmoney_mj input {
		height: 60rpx;
		width: 103rpx;
		background: #F1F1F1;
		margin-top: 5rpx;
		text-align: center;
	}

	.createinputhover input {
		width: 100%;
		height: 70rpx;
		line-height: 70rpx;
	}

	.createprinciple {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 290rpx;
		height: 60rpx;
		border: 1px solid rgba(164, 164, 164, 1);
		border-radius: 15rpx;
		padding: 0 18rpx;
	}

	.createprinciple image {
		width: 27rpx;
		height: 18rpx;
		margin-top: 20rpx;
	}

	.createprinciple_content text {
		font-size: 30rpx;
		line-height: 60rpx;
	}

	.createprinciple picker,
	.createprinciple .uni-input {
		width: 240rpx;
		font-size: 28rpx;
		line-height: 60rpx;
		height: 60rpx;
	}

	.createsection_content {
		margin-top: 30rpx;
	}

	.createsection input {
		width: 140rpx;
		height: 60rpx;
		border: 1px solid rgba(189, 188, 188, 1);
		border-radius: 15rpx;
		font-size: 26rpx;
		color: #767676;
		text-align: center;
	}

	.createsection text {
		width: 50rpx;
		height: 2rpx;
		background: #BDBCBC;
		display: block;
		margin: 32rpx 10rpx 0;
	}

	.createsection_content_text {
		color: #333333;
		font-size: 30rpx;
		display: block;
		line-height: 60rpx;
	}

	.createbutton {
		width: 750rpx;
		height: 98rpx;
		background: rgba(255, 157, 17, 1);
		text-align: center;
		line-height: 98rpx;
		font-size: 30rpx;
		color: #fff;
		position: fixed;
		bottom: 0;
		z-index: 99999999;
		left: 0;
	}

	.container_create {
		padding-bottom: 160rpx;
	}

	radio {
		transform: scale(0.6);
		vertical-align: 2rpx;
	}
</style>
